*{margin:0;padding:0;}
body{min-width:1200px; overflow-x: hidden}
body,input{font-family:arial;color:#333;font-size: 14px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{width:1200px;margin:0 auto}
input{outline: none;}
.fl{float:left;}
.fr{float:right;}
.c{ overflow: hidden;zoom:1}
.cl{HEIGHT: 0px; CLEAR: both;}

.header{height:85px; position: fixed;top:0;left:0;width:100%;z-index:99999;border-bottom:3px solid #1CA6B6; background: #fff;}
.header-top{opacity: 1;transition: all .6s;}
.logo{width:303px;height:56px;margin-top:15px}
.nav{ overflow: hidden;width:710px;margin-left:120px;}
.nav li{float:left;width:65px;text-align: center;margin-left:35px;}
.nav li>a{height:45px;line-height:45px;float:left;width:100%;text-align: center;font-size:18px;font-family: arial;font-weight:normal;font-size:16px;width:70px;text-align: center;margin-top:20px;}
.nav li:hover>a,.nav li.on>a{color:#1CA6B6;border-bottom:1px solid #1CA6B6}

.nav ul li .hide{background-color: #fff;float: left;font-size: 14px;display: none;width:120px;position: absolute;top:65px;text-align: center;z-index: 10000;margin-left:-25px;padding:10px 0;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;width:120px;}
.nav ul li .hide em a:hover{background: #fff; color: #1CA6B6; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}

.nav ul li:nth-child(2) .hide{width: 150px;}
.nav ul li .hide em a{width:100%;}

.head-right{width:30px;margin-top:31px;float:right;}
.head-lan a{font-size:20px;color:#BDBDBD;font-weight:bold}
.search{margin-left:3%;cursor: pointer;}
.search-close{cursor: pointer;}
.search-div{height:85px; background: #fff;}
.sear-logo{width:303px;height:56px;margin-top:15px}
.search-form{width:580px;margin:0 auto;border-top:1px solid #88959B;border-bottom:1px solid #88959B;margin-top:20px;margin-left:90px}
.search-form .text{height:40px;width:88%;float:left;border:none; background:none;text-align: center;}
.search-form .submit{height:40px;width:10%;float:right;border:none; background:url(../images/search.png) no-repeat center center;}
.search-close{margin-top:35px}
.search-div{ position: absolute;top:0;width:100%;left:-100%;transition: all .6s;}
.search-addclass{position: absolute;left:0%;}
.header-taddclass{opacity: 0.1;}


/*首页banner*/
.banner{position:relative;margin-top:86px;}
.ny-banner .banner-hd{height:450px;}
.banner-hd {height:650px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:15px;height:15px;  color: #FFFFFF;margin:0 10px; cursor:pointer; float: left; background: #fff;border-radius:100%}
.banner-hd .num li.on {background: #FFBA00;  } 

/*产品中心*/
.title{margin:30px 0}
.title b,.title span{display: block;text-align: center;}
.title b{font-size:32px;color:#313131;font-weight:bold}
.title b:after{content: '';display: block;width:60px;height:2px;margin:10px auto; background: #1CA6B6;}
.title span{font-size:16px;color:#848484;font-weight:normal}

.pro-list li{float:left;width:378px; background: #F6F6F6;height:438px; position: relative;margin:11px;overflow: hidden;}
.pro-list .pic span{display: block;width:378px;height:331px;}
.pro-list .pic .pro-info{width:355px;margin:0 auto;border-top:1px solid #E4E4E4;padding-top:10px;}
.pro-list .pic .pro-info em,.pro-list .pic .pro-info p{display: block;}
.pro-list .pic .pro-info em{font-size:18px;color:#5A5A5A;line-height:18px; background: url(../images/pro-jt.png) no-repeat center right;}
.pro-list .pic .pro-info p{font-size:14px;color:#a8a8a8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;margin-top:8px;}
.pro-list .info{width:378px;background:rgba(28,166,182,0.85);height:438px;position: absolute;top:0;left:-380px;transition: all .5s;}
.pro-list .info b,.pro-list .info span,.pro-list .info em{display: block;text-align: center;color:#fff}
.pro-list .info b{font-size:24px;font-weight:bold;margin:110px 0 13px 0}
.pro-list .info span:after{content: '';display: block;width:220px;height:1px; background: #eee;margin:30px auto}
.pro-list .info a{width:230px;height:45px;line-height:45px;text-align: center; display: block;margin:0 auto;transition: all .5s;}
.pro-list .info em{font-size:16px;margin:10px 0;transition: all .5s;}
.pro-list .info a:hover{background: #0095A6;}
.pro-list .info a:hover em{margin-left:10px}
.pro-list .info div{width:353px;height:411px;border:1px solid #BBE4E9;margin:11px auto}
.pro-list li:hover .info{left:0}

/*解决方案*/
.case{ background: #F1F1F1;padding:1px 0 40px 0;margin:40px 0}
.case-list ul li{width:378px;float:left;height:235px;position: relative;margin:11px;}
.case-list ul li .pic{width:378px;height:235px;}
.case-list ul li .info{ position: absolute;bottom:0;left:0;background: #E7ECF0;width:100%; padding: 10px 0;}
.case-list ul li .info em{display: block; text-align: center; font-size: 22px; color: #333;}
.case-list ul li:hover .info{ background: #0095A6;transition: all .4s;}

/*新闻动态*/
.news{margin-bottom:30px;}
.news-a {text-align: center;margin-bottom:30px;}
.news-a li{display: inline-block;width:149px;height:43px;line-height:43px;text-align: center; background: #EDEDED;margin:0 15px}
.news-a li a{display: inline-block;width:149px;height:43px;color:#666;font-size:15px;}
.news-a li:hover a,.news-a li.on a{ background: #0095A6;color:#fff}

.news-left{width:648px;height:380px;float:left; position: relative;}
.news-left li{ position: relative;}
.news-left .pic{width:648px;height:380px;}
.news-left .info{position: absolute;bottom:0;left:0;width:100%;height:52px; background:rgba(0,0,0,0.6);z-index:1;color:#fff;font-size:16px;line-height:52px;text-indent: 20px;}
.pic-btn{ position: absolute;bottom:20px;right:10px;z-index:2;overflow: hidden;}
.pic-btn li{width:11px;height:11px; background: #FAFAFA;float:left;border-radius:100%;margin:0 5px;cursor:pointer;}
.pic-btn li.on{ background: #0095A6;}
.news-right{float:right;width:500px;}
.news-right dl{margin-bottom:35px;overflow: hidden;}
.news-right dl dt{float:left;width:60px;border-right:1px solid #DDDDDD;margin-right:30px;padding-right:27px}
.news-right dl .date b,.news-right dl .date span{display: block;text-align: center;}
.news-right dl .date b{font-size:34px;line-height:40px;color:#3E3E3E}
.news-right dl .date span{color:#888888;font-size:16px;margin-top:5px;}
.news-right dl dd{float:right;width:380px;}
.news-right dl dd span{color:#3e3e3e;font-size:16px;margin-bottom:8px;display: block;}
.news-right dl dd p{color:#888888;font-size:14px;}
.news-right dl:hover dd span{color:#0095A6}

/*我们的客户*/
.client{ background: #EDEDED;padding: 1px 0 10px 0;}
.client-list ul li{float:left;width:290px;height:100px;margin:5px;}
.more a{width:206px;height:52px;line-height:52px;text-align: center; background: #1CA6B6;color:#fff;display: block;}
.more{width:206px;height:52px;margin:30px auto}

/*公司简介底部*/
.f-about{ height:439px}
.about-left{width:560px;margin-right:40px;text-align: right;}
.about-right{width:560px;margin-left:40px;}
.about-left h2,.about-right h2{font-size:26px;font-weight:bold;color:#fff;overflow: hidden;margin:30px 0 10px 0}

.about-left h2 span{border-bottom:1px solid #9CD5DF;width:130px;padding:10px 0;display: block;float:right}
.about-left p{line-height:30px;color:#ededed;font-size:15px;}
.about-left span,.about-left a{display: block;}
.about-left span{margin:12px 0}
.about-left{ overflow: hidden;}
.about-left a{width:142px;height:40px;line-height:40px;text-align: center;border:1px solid #fff;display: block;color:#fff;float:right;margin-top:45px;}
.about-left a:hover{ background: #0095A6;}

.about-right h2{margin-top:50px;}
.contact-icon{ overflow: hidden;margin-top:50px;}
.contact-icon li{float:left;width:50px;height:50px;margin-right:24px;}
.contact-icon li a{display: block;width:50px;height:50px;}
.contact-icon li.con-icon1{ background: url(../images/icon1-1.png) no-repeat center center;}
.contact-icon li.con-icon1:hover{ background: url(../images/icon1.png) no-repeat center center;}
.contact-icon li.con-icon2{ background: url(../images/icon2-1.png) no-repeat center center;}
.contact-icon li.con-icon2:hover{ background: url(../images/icon2.png) no-repeat center center;}
.contact-icon li.con-icon3{ background: url(../images/icon3-1.png) no-repeat center center;}
.contact-icon li.con-icon3:hover{ background: url(../images/icon3.png) no-repeat center center;}
.contact-icon li.con-icon4{ background: url(../images/icon4-1.png) no-repeat center center;}
.contact-icon li.con-icon4:hover{ background: url(../images/icon4.png) no-repeat center center;}
.contact-icon li.con-icon5{ background: url(../images/icon5-1.png) no-repeat center center;}
.contact-icon li.con-icon5:hover{ background: url(../images/icon5.png) no-repeat center center;}

.about-right span{display: block;font-size:18px;color:#fff;padding-top:50px;border-top:1px solid #979898;margin-top:90px;}
/*公共底部*/
.foot{background: #2E3033; padding-top: 40px;}
.foot-nav dl{float: left; margin-right: 30px;width:110px}
.foot-nav dl dt{display: block; font-size: 16px; line-height: 16px; color: #fff; margin-bottom: 7px;}
.foot-nav dl dt a{color: #fff;}
.foot-nav dl dd{float:left;width:125px;}
.foot-nav dl dd a{display: block; font-size: 14px; line-height:37px; color: #868686;}
.foot-nav dl dd a:hover{color: #fff;}
.wechat{width:155px;}
.wechat em{float:right;writing-mode:vertical-lr;color:#7E7E7E;font-size:15px;letter-spacing: 3px;margin-top:8px;}
.foot-contact {width: 322px; margin-right: 63px;}
.foot-contact ul li{float: left; padding-left: 40px; margin-bottom: 9px;}
.foot-contact ul li.icon1{background: url(../images/foot-icon1.png) no-repeat left center;}
.foot-contact ul li.icon2{background: url(../images/foot-icon2.png) no-repeat left center;}
.foot-contact ul li.icon3{background: url(../images/foot-icon3.png) no-repeat left center;}
.foot-contact ul li span{display: inline-block; font-size: 15px; line-height: 33px; color: #717171;}
.foot-contact ul li strong{display: inline-block; font-size: 22px; line-height: 33px; color: #fff; }
.foot-contact ul li em{display: inline-block; font-size: 14px; line-height: 33px; color: #808080;}


.foot-tel {width: 254px;}
.foot-tel  em{display: block; width: 148px; height: 42px; border: solid 1px #828282; font-size: 17px; line-height: 42px; color: #7e7e7e; text-align: center; margin-bottom: 25px; border-radius: 20px;}
.foot-tel  strong{display: block; font-size: 25px; line-height: 19px; color: #fff; margin-bottom: 12px; font-family: arial;}
.foot-tel  span{display: block; font-size: 14px; line-height: 14px; color: #575757; }

.foot-copy{height: 47px;border-top:1px solid #3F3F3F;margin-top:20px;text-align: center;}
.foot-copy p{display: inline-block; font-size: 14px; line-height: 47px; color: #c1c1c1;}
.foot-copy p a{color: #c1c1c1;}
.foot-copy p a:hover{color: #fff;}


/*内页产品中心*/
.ny-main{margin:40px auto}
.ny-left{width:300px;}
.ny-type{border:3px solid #1CA6B6;width:294px;margin-bottom: 20px;}
.ny-type .column-title{ background: url(../images/pro-title.jpg) no-repeat center center; width: 294px;height:100px;line-height:100px;font-size:36px;font-weight:bold;color:#fff;text-align: center;}

.ctitle1>li{width:100%;border-bottom:1px solid #ddd;transition: all .3s; position: relative;}
.ctitle1>li .ctitle{ background:#eee;}
.ctitle1>li>a{ display: block;height:45px;line-height:45px;display: block;font-size:16px;color:#333;transition: all .3s}
.ctitle1>li>a:before{content: ''; display: block;width:10px;height:2px; background: #1CA6B6;float:left;margin-top:20px;margin-left:30px;margin-right:15px;transition: all .3s}
.ctitle1>li:hover>a,.ctitle1 li>a.on{ background: #666;color:#fff;}

.ctitle1>li:before{content: '';width:0px;height:50px;display: block;position: absolute;left:0;top:0; background: #1CA6B6;transition: all .3s}


.ctitle1 .ctitle2{ background: #fff;display: none;}
.ctitle1 .ctitle2 li {line-height:30px;}
.ctitle1 .ctitle2 li{border-bottom:1px solid #ddd;}
.ctitle1 .ctitle2 li a{color:#333;display: block;height:30px;line-height:30px;text-indent: 30px;font-size:14px;}
.ctitle1 .ctitle2 li a:hover,.ctitle1 .ctitle2 li.on a{color:#1DA6B6}


.ctitle1{overflow: inherit;}
.ctitle1>li{background:url(../images/pro-jt1.png) no-repeat  right 15px center #f1f1f1;}
.ctitle1 .ctitle2{position: absolute;top:0;right:-200px;    width: 200px;display: none;    z-index: 999999;}

.ctitle1 .ctitle2 li{background:#f1f1f1;border-left:3px solid #0095A6}
.ctitle1 .ctitle2 li a{text-indent:20px;height:45px;line-height:45px;}
.ctitle1 .ctitle2 li{}
.ny-contact{padding-bottom:22px;}
.ny-way{margin:20px 0}
.ny-way span{ display: block;margin:15px 28px;}
.ny-way span img{ vertical-align: middle;margin-right:10px;}
.ny-wx{width:240px;margin:20px auto 0 auto}
.ny-wx-fl b,.ny-wx-fl span,.ny-wx-fl em{ display: block;}
.ny-wx-fl b{font-size:16px;color:#1CA6B6}
.ny-wx-fl b:after{content: '';width:20px;height:2px;display: block;margin:7px 0; background: #1CA6B6;}

.ny-right{width:880px}
.postion{border-bottom:1px solid #CCCCCC;height:50px;line-height:50px;margin-bottom:10px}
.postion span{font-size:20px;color:#333333;font-weight:bold;height:50px;line-height:50px;display: inline-block;}
.postion span img{padding-right:10px; vertical-align: middle;}
.postion em{float:right;height:40px;}
.postion a{font-size:14px;color:#666;display: inline-block;}
.postion a:hover{color:#1CA6B6}
.ny-pro-list li{float:left;border:1px solid #E6E6E6;margin:10px 5px;transition: all .3s;overflow: hidden;}
.ny-pro-list li:hover{border:1px solid #1CA6B6;}
.ny-pro-list .img{width:280px;height:245px;}
.ny-pro-list .info{height:40px; background:#1DA6B6;color:#fff;line-height:40px;text-align: center;}

/*内页产品详情*/
.ny-right .ny-pro-con{margin-top:15px;margin-left:15px}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.ny-right .pro1 .descript1 p{width: 520px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.ny-right .pro1 .descript1 a.consult:hover{background-color:#1DA6B6;}
.ny-right .pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em{display: block;color:#1CA6B6;font-size: 20px; font-weight: bold; }
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail .de-title{border-bottom: solid 3px #1CA6B6; margin-bottom: 15px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#1CA6B6; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.ny-pro-content{margin-left:10px;margin-top:20px;}


/*内页解决方案*/
.ny-case-list li{float:left;border:1px solid #E6E6E6;margin:10px 5px;transition: all .3s;overflow: hidden;}
.ny-case-list li:hover{border:1px solid #1CA6B6;}
.ny-case-list li:hover .info{ background: #0095A6;color:#fff}
.ny-case-list .img{width:280px;height:174px;}
.ny-case-list .info{height:40px; background:#eee;color:#333;line-height:40px;text-align: center;}

/*新闻列表页*/
.ny-news-list ul li{margin:15px 7px;overflow: hidden;border: 1px solid #ddd;background: #f5f5f5;}
.ny-news-list ul li .pic{display: block; width:220px;margin:10px;}
.ny-news-list ul li .info{width:585px;margin-right:20px;margin-top:15px;}
.ny-news-list ul li .info .ny-news-title{padding:10px 0; border-bottom: solid 1px #ddd; }
.ny-news-list ul li .info .ny-news-title em{display: block; font-size: 16px; line-height: 16px; color: #333;  width:500px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ny-news-list ul li .info .ny-news-title span{display: block; font-size: 14px; line-height: 16px; color: #888; font-family: arial;}
.ny-news-list ul li .info p{display: block; font-size: 14px; line-height: 28px; color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;margin-top:8px }
.ny-news-list ul li .info .ny-news-title em:hover{color: #1DA6B6;}

/*内页我们的客户*/
.ny-client-list ul  li{float:left;border:1px solid #E6E6E6;margin:10px 5px;transition: all .3s;overflow: hidden;}


/*内页下载*/
.ny-download-list ul li {
    border-bottom: 1px dashed #bbbbbb;
    margin-bottom: 17px;
    line-height: 35px;

}
.ny-download-list ul li em {
	display: block;
    font-size: 15px;
    color: #141414;
    background: url(../images/newsico.png) left no-repeat;
    padding-left: 20px;
    color: #333;
}

.ny-download-list ul li span {
    display: inline-block;
    font-size: 13px;
    color: #707070;
}


.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}
.product .hd{text-align: center;}
.product .hd a{margin:10px;cursor: pointer;}
.product .hd .next{ background:url(../images/l-icon.jpg) no-repeat center left;width:60px;height:60px;display: inline-block;}
.product .hd .next:hover{ background:url(../images/l-icon1.jpg) no-repeat center left;}
.product .hd .prev{ background:url(../images/r-icon1.jpg) no-repeat center left;width:60px;height:60px;display:inline-block;}
.product .hd .prev:hover{ background:url(../images/r-icon.jpg) no-repeat center left;}